<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CRM-后台管理</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/font.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/xadmin.js"></script>

</head>
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo"><a href="./index.html">CRM后台管理系统</a></div>
        <div class="left_open">
            <i title="展开左侧栏" class="iconfont">&#xe699;</i>
        </div>
        <ul class="layui-nav left fast-add" lay-filter="">
          <li class="layui-nav-item">
            <%--<a href="javascript:;">+新增</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a onclick="x_admin_show('资讯','http://www.baidu.com')"><i class="iconfont">&#xe6a2;</i>资讯</a></dd>
              <dd><a onclick="x_admin_show('图片','http://www.baidu.com')"><i class="iconfont">&#xe6a8;</i>图片</a></dd>
               <dd><a onclick="x_admin_show('用户','http://www.baidu.com')"><i class="iconfont">&#xe6b8;</i>用户</a></dd>
            </dl>--%>
          </li>
        </ul>
        <ul class="layui-nav right" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;">${emplName}</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd>
              <dd><a href="javascript:logout();">退出</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item to-index">--部门：${deptName}</li>
          <li class="layui-nav-item to-index">--角色：${roles}</li>
        </ul>
        
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
     <!-- 左侧菜单开始 -->
    <div class="left-nav">
      <div id="side-nav">
        <ul id="nav">
            <li>
                <a href="javascript:;">
                    <i class="iconfont">&#xe6b8;</i>
                    <cite>会员管理</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a _href="member-list.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>会员列表</cite>
                            
                        </a>
                    </li >
                    <li>
                        <a _href="member-del.html">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>会员删除</cite>
                            
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont">&#xe70b;</i>
                            <cite>会员管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
      </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
          <ul class="layui-tab-title">
            <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li>
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src='${pageContext.request.contextPath}/welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
          </div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="copyright">Copyright ©2021 cddx All Rights Reserved</div>
    </div>
    <!-- 底部结束 -->

</body>
</html>
<script>

    $(function () {
        // 获取菜单数据
        $.ajax({
            type:"post",
            url:"${pageContext.request.contextPath}/menu/list",
            dataType: "json",
            success:function (res) {
                if (res.code === 200) {
                    // 遍历之前先清空里面的数据
                    $("#nav").empty();
                    // 遍历菜单列表
                    $(res.data).each(function () {
                        // 先创建一级菜单
                        var parent = $('<li class="menu">\n' +
                            '    <a href="javascript:;">\n' +
                            '        <i class="iconfont">&#xe6b8;</i>\n' +
                            '        <cite>'+this.menuName+'</cite>\n' +
                            '        <i class="iconfont nav_right">&#xe697;</i>\n' +
                            '    </a>\n' +
                            '</li>')
                        // 创建二级菜单
                        var subMenus = $('<ul class="sub-menu"></ul>');
                        // 遍历二级菜单追加到subMenus中
                        $(this.subMenus).each(function () {
                            var subMenu = $('<li class="menu">\n' +
                                '                        <a _href="'+this.menuUrl+'">\n' +
                                '                            <i class="iconfont">&#xe6a7;</i>\n' +
                                '                            <cite>'+this.menuName+'</cite>\n' +
                                '                        </a>\n' +
                                '                    </li >');
                            // 追加
                            subMenus.append(subMenu);
                        })
                        parent.append(subMenus);
                        // 动态追加到nav中
                        $("#nav").append(parent);
                    })

                }
            }
        });
    });



    /**
     * 退出登录的方法
     */
    function logout() {
        layer.confirm('确认要退出吗？',function(index){
            //发异步数据
            $.ajax({
                type:"post",
                url:"${pageContext.request.contextPath}/login/out",
                dataType: "json",
                success:function (res) {
                    layer.msg(res.msg , function(){
                        if (res.code === 200){
                            location.href='${pageContext.request.contextPath}/login/page'
                        }
                    });
                }
            });
        });
    }
</script>